﻿@charset "utf-8";
/* CSS Document */

/*Titleg公共样式*/
.Title{width: 100%;margin-top: 56px;}
.Title h2{background: url(/templets/mb/img/titleBg.png) no-repeat center;font-size: 34px;color: #333333;font-weight: bold;text-align: center;}
.Title h2 a{text-decoration: none;color: #333333;}
.Title h2 em{color: #2454ac;font-weight: bold;}/*修改*/
.Title p{font-size: 18px;color: #555555;background: url(/templets/mb/img/titleBg2.png) no-repeat center;text-align: center;margin-top: 9px;}

/*banner*/
.banner{overflow:hidden; width:100%;}
.banner a{ height:550px; display: block;}
#flashs{ position:relative; height:550px; overflow:hidden;}
#flashs .bgitem{z-index:1;position:absolute; top:0; }
#flashs .btn{ overflow:hidden; width:100%; position:absolute; left:0; bottom:35px; text-align:center;z-index: 9999;}
#flashs .btn span{ color:#fff;  background:#717174; cursor: pointer;display: inline-block;margin:0 2px;width:25px;height:25px;font-size:14px;line-height:25px;text-align:center;opacity: 0.7;}
#flashs .btn span.cur {background: #2454AC;}

#flashs .bot{ display:block; position:absolute; width:58px; height:58px; top:50%; margin-top:-29px;}
#flashs .bot1{ background:url(Img/babot1.png) no-repeat center; left:5%; z-index: 2;}
#flashs .bot2{ background:url(Img/babot2.png) no-repeat center; right:5%; z-index: 2;}

/*search*/
.search{ overflow:hidden; height:80px;}
.search p{ float:left; line-height:80px; font-size:14px;width: 587px;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
.search span{font-size: 14px;font-weight: bold;color: #333333;}
.search p a{  color:#777777; padding-right: 20px;}
.search .ssBox{ float:right; margin-top:15px; width:360px; height:50px;overflow: hidden;}
.search .ssBox .txt{ width:270px; height:50px; line-height:50px; background:#eeeeee; font-size:14px; color:#999999; outline:none;float: left;padding-left: 20px;padding-right: 10px;border: none;}
.search .ssBox img{display: block;float: left;}

/*partner*/
.partner{width: 100%;background: #f7f7f7;overflow: hidden;padding-bottom: 25px;}
.partner .Title h2 a{color: #333333;font-weight: bold;}
.partner .hzCon{position: relative;margin-top: 38px;}
.partner .hzCon i{display: block;width: 30px; height: 60px;position: absolute;top: 16px;cursor: pointer;}
.partner .hzCon .btn01{background: url(/templets/mb/img/hz-btn01.png) no-repeat left top; left: -50px;}
.partner .hzCon .btn02{background: url(/templets/mb/img/hz-btn02.png) no-repeat center top;right: -50px;}
.partner .hzLunB{width: 1000px;overflow: hidden;height: 159px;position: relative;}
.partner .hzLunB ul{height: 159px;overflow: hidden;position: absolute;top: 0; left: 0;}
.partner .hzLunB li{width: 184px;float: left;text-align: center;margin: 0 8px;}
.partner .hzLunB li img{display: block;border: 1px solid #e6e6e6;margin-bottom: 12px;}
.partner .hzLunB li a{font-size: 14px;color: #555555;text-decoration: none;}

/*proCenter*/
.proCenter{width: 100%;overflow: hidden;/*padding-bottom: 44px;*/ background: #f7f7f7;}
.proCenter .Title h2{background: none;}
.proCenter .Title p{background: url(/templets/mb/img/pro-titleBg.png) no-repeat center;}
.proCenter .proLeft,.proCenter .proRight{margin-top: 38px;}
.proCenter .proLeft{width: 245px;float: left;}
.proLeft h3{font-size: 22px;height: 80px;line-height: 80px;text-align: center;width: 100%;font-weight: normal;background: #1057c1;}
.proLeft h3 a{color: #FFFFFF;display: block;text-decoration: none;line-height: 80px;}
.proLeft dl{width: 240px;border-bottom: 1px solid #dedede;border-top: 1px solid #FFFFFF;background: #f6f6f6;overflow: hidden; padding-left: 5px;     box-shadow: 0px 0px 8px #ddd;}
.proLeft dt{width: 240px;height: 47px;overflow: hidden;line-height: 47px; /*border-bottom: 1px solid #dedede;*/}
.proLeft dt a{ display:block; font-size:15px; color:#014dbd; font-weight:bold;  line-height:49px;background:url(/templets/mb/img/pro-jia.png) no-repeat 211px center;padding-left:20px;text-decoration: none; }
.proLeft dd{ overflow: hidden;
    /*width: 110px;*/
    padding-left: 12px;
    padding-bottom: 4px;
	padding-top: 4px;
    /* display: none; */
    float: left;
    float: left;
    width: 99%;}
.proLeft .last dd{padding-bottom: 10px;}
.proLeft dd a{ display:block; font-size:14px; color:#555555; line-height:25px; padding-left:17px; background:url(/templets/mb/img/pro-Jt.png) no-repeat left center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.proLeft dl.hover { background-color: #014dbd;}
.proLeft dl.hover dd a{background: url(/templets/mb/img/pro-JtCur.png) no-repeat left center; color: #fff;}
.proLeft dl dt.active a{ background:  url(/templets/mb/img/pro-jian.png) no-repeat 207px center; }
.proLeft dl.hover dt a{background:  url(/templets/mb/img/pro-jian2.png) no-repeat 207px center; color: #fff;}
.proRight  { overflow:hidden; width:740px; float:right;height: 858PX;}
.proRight .protop{ overflow:hidden; width:100%;background-color: #f2f2f2;}
.proRight .protop ul{ float:left;overflow: hidden;}
.proRight .protop li{width: 160px;height: 80px;line-height: 80px;height: 80px;text-align: center;background: #e6e6e6;float: left;font-weight: bold;}
.proRight .protop li a{display: block;line-height: 80px;color: #333333;font-size: 16px;text-decoration: none;}
.proRight .protop li.cur{background-color: #014dbd;font-weight: bold;}
.proRight .protop li.cur a{color: #FFFFFF;}
.proRight .protop li:hover{background-color: #014dbd;}
.proRight .protop li:hover a{color: #FFFFFF;}
/*修改background:url(/templets/mb/img/pro-phone.png) no-repeat left center;*/
.proRight .protop span{ float:right; /*font-size:14px; color:#888888;*/ background:url(/templets/mb/img/pro-phone.png) no-repeat left center;display: block;padding: 0 20px;margin-top: 31px;display: block;overflow: hidden;}
.proRight .protop b{float: left;font-size:14px;color:#888888;line-height: 29px;font-weight: normal;}/*修改  增加一行*/
.proRight .protop em{color: #2454ac;font-size: 24px;font-weight: bold;float: left;}/*修改float: left;*/
.proRight .proList{ overflow:hidden;width: 110%;margin-top: 20px;height: 855PX;}
.proRight .proList li{ float:left; width:240px; height:230px; margin-right:10px;background: #f2f2f2;position: relative;margin-bottom: 11px;}
.proRight .proList li img{ display:block; margin:0 auto; margin-bottom: 19px;margin-top: 3px;}
.proRight .proList i{display: block;position: absolute;top: 3px;right: 3px;background: url(/templets/mb/img/pro-jia01.png) no-repeat right top;width: 28px;height: 28px;}
.proRight .proList li a{ display:block; text-decoration:none;font-size: 14px;color: #333333;text-align: center;}
.proRight .proList li:hover{ background: #014dbd;}
.proRight .proList li:hover a{color: #FFFFFF;}
.proRight .proList li:hover i{background: url(/templets/mb/img/pro-jia02.png) no-repeat right top;}
/*.proRight .proList li:hover img{opacity: 0.5;}   修改*/


/*question*/
.question{width: 100%;height: 280px;overflow: hidden;background: url(/templets/mb/img/Q-bg.jpg) no-repeat center;}
.question .Title h2{font-weight: normal;background: url(/templets/mb/img/Q-TilteBg.png) no-repeat center;}
.question .Title h2 em{color: #FFFFFF;font-weight: bold;}
.question .Title h2 a{color: #FFFFFF;}
.question .QCon{width: 100%;position: relative;height: 503px;}
.question .QCon img{display: block;}
.question .QCon .people{position: absolute;bottom: -7px;left: 50%;margin-left: -297px; width:0; height: 0px;}
.question .QCon p{color: #FFFFFF;font-size: 16px;width: 248px; opacity: 0; filter: alpha(opacity=0);}
.question .QCon span{font-size: 18px;font-weight: bold;}
.question .p1{position: absolute;bottom: 86px;left: -44px;}
.question .p2{position: absolute;bottom: 200px;left: 68px;}
.question .p3{position: absolute;bottom: 298px;left: 97px;}
.question .p4{position: absolute;bottom: 298px;right: 16px;}
.question .p5{position: absolute;bottom: 200px;right: -46px;}
.question .p6{position: absolute;bottom: 86px;right: -62px;}
.question .WHao1{position: absolute;right: 247px;top: 20px;opacity: 0; filter: alpha(opacity=0);}
.question .WHao2{position: absolute;top: 78px;left: 228px;opacity: 0; filter: alpha(opacity=0);}
.question .WHao3{position: absolute; left: 394px;top: 42px;opacity: 0; filter: alpha(opacity=0);}
/*advantage*/
.advantage{width: 100%;overflow: hidden;}
.advantage .Title h2{background: none;}
.advantage .Title h2 a{color: #333333;}
.advantage h3{width: 414px;height: 68px;line-height: 68px;font-size: 24px;font-weight: bold;padding-left: 66px;}
.advantage ul{width: 480px;}
.advantage li{line-height: 26px;padding-left: 14px;font-size: 14px;}
.advantage .con h3{color: #333333;border-bottom: 2px solid #cecece;margin-top: 98px;}
.advantage .con li{background: url(/templets/mb/img/adv-dian1.png) no-repeat left 10px;color: #555555;margin-top: 14px;}
.advantage .con li.first{margin-top: 10px;}
.advantage .con li span{color: #275cbe;font-weight: bold;}
.advantage .con2{float: right;}
.advantage .con2 h3{color: #FFFFFF;border-bottom: 2px solid #FFFFFF;}
.advantage .con2 li{background: url(/templets/mb/img/adv-dian2.png) no-repeat left 10px;color: #FFFFFF;line-height: 24px;margin-top: 16px;}
.advantage .con2 span{color: #81ea2a;font-weight: bold;}
.adv-list1{width: 100%;overflow: hidden;background: url(/templets/mb/img/adv-Bg_01.jpg) no-repeat center;height: 430px;}
.adv-list1 .con span{font-weight: bold;}
.adv-list1 h3{background: url(/templets/mb/img/adv-BT01.png) no-repeat left center;font-weight: normal;}
.adv-list1 h3 span{color: #275cbe;}
.adv-list2{width: 100%;overflow: hidden;background: url(/templets/mb/img/adv-Bg_02.jpg) no-repeat center;height: 430px;}
.adv-list2 .con2{margin-top: 95px;}
.adv-list2 h3{background: url(/templets/mb/img/adv-BT02.png) no-repeat left center;font-weight: bold;}
.adv-list2 h3 span{color: #275cbe;}
.adv-list3{width: 100%;overflow: hidden;background: url(/templets/mb/img/adv-Bg_03.jpg) no-repeat center;height: 430px;}
.adv-list3 .con h3{background: url(/templets/mb/img/adv-BT03.png) no-repeat left center;margin-top: 121px;color: #275cbe;font-weight: bold;}
.adv-list3 h3 span{color: #275cbe;}
.adv-list4{width: 100%;overflow: hidden;background: url(/templets/mb/img/adv-Bg_04.jpg) no-repeat center;height: 465px;}
.adv-list4 h3{background: url(/templets/mb/img/adv-BT04.png) no-repeat left center;margin-top: 147px;font-weight: bold;}
.adv-list4 h3 span{color: #275cbe;}

/*about*/
.about{width: 100%;overflow: hidden;background: url(/templets/mb/img/aboutBg2.png) repeat;padding-bottom: 58px;}
.about .Title h2{background: url(/templets/mb/img/aboutBg1.png) no-repeat center;}
.about .GJ-intro{width: 100%;overflow: hidden;height: 292px;margin-top: 35px;}
.about .GJ-intro .GjPic{display: block;float: left;}
.about .GJ{float: right;width: 510px;height: 292px;}
.about .Ab a{color: #2454AC;}
.about .GJ h3{font-size: 22px;font-weight: normal;margin-bottom: 12px;}
.about .GJ h3 a{color: #333333;}
.about .GJ p{font-size: 14px;color: #666666;line-height: 25px;text-overflow: ellipsis;overflow: hidden;/*height: 125px;*/}
.about .GJ span a{font-size: 14px; color: #2454ac;}
.about .ABox{width: 510px;position: relative;margin-top: 29px;overflow: hidden;height: 98px;}
.about .ABox ul{overflow: hidden;width: 475px;position: absolute;top: 0;left: 0;height: 120px;}
.about .ABox li{float: left;width: 148px;height: 120px;margin-right: 11px;}
.about .ABox i{display: block;position: absolute;width: 34px;height: 49px;color: #FFFFFF;cursor: pointer;z-index: 5;}
.about .ABox .btn01{top: 0;right: 0;background: url(/templets/mb/img/aboutBtn02.jpg) no-repeat left top;}
.about .ABox .btn01:hover{background: url(/templets/mb/img/aboutBtn01.jpg) left top;}
.about .ABox .btn02{right: 0;bottom: 0; background: url(/templets/mb/img/aboutBtn02.jpg) no-repeat left bottom;}
.about .ABox .btn02:hover{background: url(/templets/mb/img/aboutBtn01.jpg) left bottom;}

.about .baseBox{position: relative;margin-top: 37px;}
.about .baseBox i{display: block;width: 30px; height: 60px;position: absolute;top: 66px;cursor: pointer;}
.about .baseBox .btn01{background: url(/templets/mb/img/hz-btn01.png) no-repeat left top; left: -50px;}
.about .baseBox .btn02{background: url(/templets/mb/img/hz-btn02.png) no-repeat right top;right: -50px;}
.about .BLb{width: 1000px;overflow: hidden;position: relative;height: 220px;}
.about .BLb ul{position: absolute;top: 0; left: 0;}
.about .BLb li{width: 235px;float: left;text-align: center;height: 220px;margin: 0 7px;}
.about .BLb li img{display: block;margin-bottom: 12px;}
.about .BLb li a{font-size: 14px;color: #555555;text-decoration: none;}

/*pingjia*/
.pingjia{width: 100%;overflow: hidden;}
.pingjia .Title h2{color: #333333;background: url(/templets/mb/img/pingjiaBg.png) no-repeat center;}
.pingjia .Title h2 em{color: #2454ac;font-weight: bold;}
.pingjia .PjCon{width: 1000px;overflow: hidden;padding-bottom: 39px;margin-top: 36px;}
.pingjia .PjCon li{float: left;width:290px;margin: 11px;background: #f7f7f7;padding: 15px 10px 0 10px;height: 390px;}
.pingjia .PjCon img{display: block;}
.pingjia .PjCon h3{font-size: 14px;color: #333333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: bold;border-bottom: 1px solid #c8c8c8;line-height: 44px;}
.pingjia .PjCon p{font-size: 12px;color: #555555;line-height: 26px;height: 78px;overflow: hidden;text-overflow: ellipsis;margin-top: 7px;}
.pingjia .PjCon .detals{display: block;width: 125px;height: 32px;background: url(/templets/mb/img/detail2.png) no-repeat left top;margin-left: 16px;margin-top: 15px;}
.pingjia .PjCon li:hover{background: #FFFFFF;box-shadow: 0 0 15px #cacaca;}
.pingjia .PjCon li:hover h3{color: #2454ac;}
.pingjia .PjCon li:hover .detals{background: url(/templets/mb/img/detail.png) no-repeat left top;}
.pingjia .fenG{background: url(/templets/mb/img/fenG.png) repeat-x;width: 100%;height: 10px;}
.pingjia .flow{width: 100%;overflow: hidden;margin-top: 50px;padding-bottom: 66px;}
.pingjia .flow li{width: 140px;position: relative;float: left;margin-left: 32px;cursor: pointer;}
.pingjia .flow li.first{margin-left: 0;}
.pingjia .flow img{display: block;margin-bottom: 10px;}
.pingjia .flow p{text-align: center;font-size: 16px;color: #555555;}
.pingjia .flow span{font-size: 18px;font-weight: bold;color: #555555;}
.pingjia .flow i{display: block;position: absolute;width: 140px;height: 140px;left: 0; top: 0;z-index: 3;background: url(/templets/mb/img/flow-Quan.png) no-repeat left top;}


/*Gj-history*/

.Gj-history{width:100%;background: url(/templets/mb/img/banner2.jpg) no-repeat center;height: 300px;} /*background: url(/templets/mb/img/banner2.jpg) no-repeat center;修改*/
.content{position: relative;}
.Gj-history .left{    width: 1000px;  position: absolute;  /* left: -80px; */ top: 45px;}
.Gj-history .left h3{font-size: 34px;color: #FFFFFF;text-align: center;margin-bottom: 3px;}
.Gj-history .left em{color: #80e131;}

.Gj-history .left .p1{color: #FFFFFF;font-size: 24px;text-align: center;margin-bottom: 20px;}
.Gj-history .left .p2{width: 286px;height: 42px;border: 2px solid #a9bee5;font-size: 14px;color: #FFFFFF;line-height: 42px;margin: 0 auto;text-align: center;}
.Gj-history .left .p3{background: url(/templets/mb/img/phone-icon.png) no-repeat left 30px;height: 45px;font-size: 14px;color: #FFFFFF;line-height: 45px;padding-left: 29px;border-top: 1px solid #537dcb;overflow: hidden;margin-top: 15px;padding-top: 15px;}

.Gj-history .left .p3 span{color: #FFFFFF;font-size: 18px;font-weight: bold;}
.Gj-history .left .p3 a{display: inline-block;width: 170px; height: 45px;background: url(/templets/mb/img/banner2-Zx.png) no-repeat left top;float: right;}
.Gj-history .left .p3 a{*display: inline;}
.Gj-history .right{width: 260px;height: 340px;background: #69be23;position: absolute;right: 0;top: -40px;padding: 0 30px;}
.Gj-history .right p{font-size: 16px; font-weight: bold; color: #FFFFFF;margin-top: 26px;margin-bottom: 13px;}
.Gj-history .right .Input{border: 1px solid #c3e5a7;width: 258px;height: 48px;margin-top: 10px;overflow: hidden;/*background-color: #69be23;*/}
.Gj-history .right .Input span{display: block;width: 51px;height: 48px;float: left;border-right: 1px solid #c3e5a7;}
.Gj-history .right input{width: 196px;height: 48px;border: none;font-size: 14px;color: #FFFFFF;outline: none;line-height: 48px;float: right;padding-left: 10px;line-height: 48px;background: none;}
.Gj-history .right .TextArea{width: 258px;height: 88px;margin-top: 10px;overflow: hidden;background-color: #69be23;border: 1px solid #c3e5a7;}
.Gj-history .right .TextArea span{display: block;width: 51px;height: 88px;border-right: 1px solid #c3e5a7;float: left;}
.Gj-history .right textarea{width: 186px;height: 58px;color: #FFFFFF;font-size: 14px;background:none;float: right;outline: none;resize:none;border: none;line-height: 22px;padding: 15px 10px;}
.Gj-history .right a{display: block; margin-top: 10px;width: 161px;height: 46px;} 
.Gj-history .right img{display: block;}

/*.news*/
.news{width: 100%;overflow: hidden;height: 575px;}
.news .leftnews{width: 600px;margin-top: 60px;float: left;}
.news .menu{width: 600px;overflow: hidden;height: 60px;}
.news .menu li{float: left;width: 200px;height: 60px;line-height: 60px;background: #e8e8e8;font-size: 16px;text-align: center;}
.news .menu li a{display: block;line-height: 60px;color: #555555;text-decoration: none;}
.news .menu .cur{background: #275cbe;}
.news .menu .cur a{color: #FFFFFF;}
.news .menu .more{font-size: 12px;color: #999999;background: #f2f2f2;}
.news .menu .more a{color: #999999;text-decoration: none;display: block;line-height: 60px;}
.news .menu li:hover{background: #275cbe;color: #FFFFFF;}
.news .menu li:hover a{color: #FFFFFF;}
.leftnews .newsbox { overflow:hidden; width:100%;margin-top: 21px;height: 390px;}
.leftnews .newslist{ overflow:hidden; width:100%;height: 100%; }
.leftnews .newslist dl{ overflow:hidden; width:100%; height:168px;padding-bottom: 20px;border-bottom: 2px solid #cecece;}
.leftnews .newslist dt{ overflow:hidden; float:left;width: 280px;}
.leftnews .newslist dt img{display: block;}
.leftnews .newslist dd{ overflow:hidden; float:right; width:300px;}
.leftnews .newslist dd a{display: block;width: 300px;}
.leftnews .newslist .detail{margin-top: 24px;}
.leftnews .newslist h3{ font-size:14px; color:#333333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;border-bottom: 1px solid #cecece;line-height: 34px;}
.leftnews .newslist h3 a{ color:#333333;display: block;}
.leftnews .newslist p{ font-size:14px; line-height:24px; color:#888888; height:48px; overflow:hidden; text-overflow: ellipsis;margin-top: 5px;}
.leftnews .newslist ul{ overflow:hidden; width:100%;margin-top: 5px;}
.leftnews .newslist em{display: block;float: left;width: 18px;height: 18px;color: #FFFFFF;line-height: 18px;text-align: center;margin-top: 15px;}
.leftnews .newslist .em01{background: #2454ac;}
.leftnews .newslist .em02{background: #444444;}
.leftnews .newslist .em03{background: #777777;}
.leftnews .newslist .em04{background: #999999;}
.leftnews .newslist .last{border-bottom: none;}
.leftnews .newslist li{width:600px;overflow:hidden; font-size:14px; line-height:48px;border-bottom: 1px dotted #cecece;}
.leftnews .newslist li a{ color:#555555; display:block; width:450px; float:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;margin-left: 14px;}
.leftnews .newslist li span{ float:right; color:#999999;font-family: arial;}

.rightnews { overflow:hidden; width:350px; float:right;background-color:#fff;margin-top: 60px;height: 471px;}
.rightnews .top{ overflow:hidden; width:100%; height:60px;background: #275cbe;}
.rightnews h3{ float:left; font-size:16px; color:#FFFFFF;line-height: 60px;padding-left: 29px;}
.rightnews .more{ float:right;  font-size:12px; color:#9ab9e6;text-decoration: none;display: block;line-height: 60px;padding-right: 20px;}
.rightnews .wenda{ overflow:hidden;width: 350px;position: relative;height: 411px;}
.rightnews .wenda ul{ overflow:hidden; width:100%;position: absolute;height: 411px;}
.rightnews .wenda li{ overflow:hidden; width:100%; border-bottom:1px dotted #cecece;margin-top: 21px;padding-bottom: 36px;height: 83px;}
.rightnews .wenda .A{ font-weight:bold; font-size:14px; padding-left:37px; line-height:26px; background:url(/templets/mb/img/wen.png) no-repeat left center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom: 8px;}
.rightnews .wenda .A a{ color:#333333}
.rightnews .wenda .Q{ padding-left:37px; background:url(/templets/mb/img/da.png) no-repeat left top; font-size:14px; line-height:24px; color:#777777; height:48px; overflow:hidden; text-overflow:ellipsis; }

.b15 { background-position:-79px -650px; width:60px; height:24px; line-height:21px; color:#555555; font-size:13px; font-weight:bold; }
